/* Copyright (C) ECLiCSYS GmbH, ECLiCSYS Proprietary Use License (http://www.eclicsys.com/license) */

@import url(../../../css/responsive.css);


/* Breakpoints
----------------------------------------------------------------------------------------------------*/

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* System */
	.isblog #system .items .item,
	.isblog #system .items .item:first-child { margin-top: 14px; }

	.isblog #system .items :first-child .item:first-child { margin-top: 0; }

	.isblog #system .items .leading .item { margin-bottom: 0; }
	
}
@media (max-width: 650px) {
body.layout-style-1 #system h1:after, body.layout-style-1 #system h1:before{display:none;}
#top-a h3:after, #top-b h3:after, #top-a h3:before, #top-b h3:before{display:none}
body.layout-style-3 #system header, body.layout-style-3 #system .content,
body.layout-style-4 #system header, body.layout-style-4 #system .content{width:auto;}
body.layout-style-3 #system .content{border-left:0;border-top:1px solid #E23A3F; padding-left:0}
body.layout-style-3 #system header h1, body.layout-style-3 #system header .meta, body.layout-style-4 #system header{text-align:left;padding-left:10px}
body.layout-style-3 #system header h1, body.layout-style-3 #system header .meta{padding-left:0}
body.layout-style-3 #system header .meta time:after, body.layout-style-4 #system header .meta time:after{clear:none;content:"";display:none;}
body.layout-style-3 #system header .icon, body.layout-style-4 #system header .icon{float:left}
body.layout-style-4 #system .content{margin-top:0;padding-right:10px}
body.layout-style-3 #system header, body.layout-style-4 #system header{padding-bottom:0}
body.layout-style-1 #system .item > header .icon{float:right;position:relative;right:0}
body.layout-style-1 #system .item > header .icon.print{right:0}
body.layout-style-1 #system .item > header h1{clear:both}
}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 651px) and (max-width: 959px) {
body.layout-style-1 #system h1:after, body.layout-style-1 #system h1:before{width:10%;}
body.layout-style-1 #system .item > header .icon{float:right;position:relative;right:0}
body.layout-style-1 #system .item > header .icon.print{right:0}
body.layout-style-1 #system .item > header h1{clear:both}
}